.fx-timeline-item {
  display: flex;

  &:last-of-type {
    > .timeline-line > .timeline-dot-line {
      height: 0;
      width: 0;
    }
  }

  > .timeline-line {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-right: 10px;

    > .timeline-dot {
      width: 10px;
      height: 10px;
      min-height: 10px;
      border-radius: 50%;
      background-color: #ccc;
    }

    > .timeline-dot-line {
      width: 2px;
      height: 100%;
      background-color: #ccc;
    }
  }

  > .fx-timeline-wrapper {
    padding-bottom: 20px;

    > .fx-timeline-title {
      font-size: 14px;
      font-weight: bolder;
    }

    > .fx-timeline-timestamp {
      color: #909399;
    }
  }
}
